<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../../js/mui.js"></script>
    <script type="text/javascript" src="../../js/common.js"></script>

    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../../css/AddDevice_2.css"/>
</head>

<body>
	
    <header class="mui-bar mui-bar-nav">
		
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<div>
			
			<h1 class="mui-title">新增设备</h1>
		</div>
	</header>
	<div class="flowChart">
		<div class="flowChartImg">
			<div class="selectIMGY">
				<h4>1</h4>
			</div>
			<div class="flowChartLine_1"></div>
			<div class="selectIMGY">
				<h4>2</h4>
			</div>
			<div class="flowChartLine_2"></div>
			<div class="selectIMGX">
				<h4>3</h4>
			</div>
			<div class="flowChartLine_2"></div>
			<div class="selectIMGX">
				<h4>4</h4>
			</div>
			<div class="flowChartLine_2"></div>
			<div class="selectIMGX">
				<h4>5</h4>
			</div>
			
		</div>
		<div class="flowChartText">
			<div>
				<h5 class="flowChartText_3">归属信息</h5>
			</div>
			<div>
				<h5 class="flowChartText_2">基本信息</h5>
			</div>
			<div>
				<h5 class="flowChartText_1">个性信息</h5>
			</div>
			<div>
				<h5 class="flowChartText_1">信息确认</h5>
			</div>
			<div>
				<h5 class="flowChartText_1">新增成功</h5>
			</div>
		</div>
	</div>
    <div class="DeviceOwnership">
    		<div class="ownerShipMain">
    			  <div>
    				    <h3>设备基本信息</h3>
    				
    			 </div>
    			
    		</div>
		<div id="equipmentTypeOne" class="ownerShipMain popoverDevice">
			<div>
				<h3>设备类型一</h3>
			</div>
			<div class="ownerShipMainSelected">
				
				<a class="mui-icon mui-icon-forward"></a>
				<a id="deviceTypeOne">设备类型一</a>
				
			</div>
			
		</div>
		<div id="equipmentTypeTwo" class="ownerShipMain popoverDevice">
			<div>
				<h3>设备类型二</h3>
			</div>
			<div class="ownerShipMainSelected">
				
				<a class="mui-icon mui-icon-forward"></a>
				<a id="deviceTypeTwo">设备类型二</a>
			</div>
			
		</div>
		<div id="equipmentTypeThree" class="ownerShipMain popoverDevice hideable">
			<div>
				<h3>设备类型三</h3>
			</div>
			<div class="ownerShipMainSelected">
				
				<a class="mui-icon mui-icon-forward"></a>
				<a id="deviceTypeThree">设备类型三</a>
				
			</div>
			
		</div>
		<div id="equipmentFactory" class="ownerShipMain popoverDevice unHideable">
			<div>
				<h3>厂家</h3>
			</div>
			<div class="ownerShipMainSelected">
				
				<a class="mui-icon mui-icon-forward"></a>
				<a id="equipmentFactoryOption">请选择厂家</a>
				
			</div>
			
		</div>
		<div id="equipmentModel" class="ownerShipMain popoverDevice unHideable">
			<div>
				<h3>设备型号</h3>
			</div>
			<div class="ownerShipMainSelected">
				
				<a class="mui-icon mui-icon-forward"></a>
				<a id="deviceModel">请选择设备型号</a>
			</div>
		</div>
		<div class="ownerShipMain inputMain" id="deviceNameDiv">
			<div>
				<h3>设备名称</h3>
			</div>
			<div class="ownerShipMainInput">
				<input id="DeviceName" type="text" class="DeviceInput" placeholder="请输入有效名称">
			</div>
		</div>
		<div class="ownerShipMain inputMain">
			<div>
				<h3>设备场地</h3>
			</div>
			<div class="ownerShipMainInput">
				<input id="DeviceArea" type="text" class="DeviceInput" placeholder="请输入设备场地">
			</div>
		</div>
		<div class="ownerShipMain largeMain">
			<div class="largeMainTitle"> 
				<h3>设备照片</h3>
			</div>
			<div id="largeMainAreaFather" class="largeMainAreaFather" >
				<div id="myImgDiv" class="largeMainArea"></div>
			</div>
			
		</div>
		
		
		<div class="ownerShipMain largeMain2">
			<div class="largeMainTitle">
				<h3>设备信息描述</h3>
			</div>
			<div class="largeMainArea2">
				<textarea id="textarea" rows="5" placeholder="请把设备信息描述清楚"></textarea>
				<p>限200字以内</p>
			</div>
		</div>
		<button type="button" class="mui-btn mui-btn-royal mui-btn-block">下一步</button>

		
	</div>
    <div id="mainPopoverOne" class="mui-popover">
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul id="deviceUlOne" class="mui-table-view mui-table-view-radio"></ul>
			</div>
		</div>
	</div> 
	<div id="mainPopoverTwo" class="mui-popover">
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul id="deviceUlTwo" class="mui-table-view mui-table-view-radio"></ul>
			</div>
		</div>
	</div> 
	<div id="mainPopoverThree" class="mui-popover">
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul id="deviceUlThree" class="mui-table-view mui-table-view-radio"></ul>
			</div>
		</div>
	</div> 
	<div id="mainPopoverFactory" class="mui-popover">
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul id="deviceUIFactory" class="mui-table-view mui-table-view-radio"></ul>
			</div>
		</div>
	</div> 
    <div id="mainPopover2" class="mui-popover">
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul id="mianUl2" class="mui-table-view mui-table-view-radio"></ul>
			</div>
		</div>
	</div>   
	
	<script src="../../js/mui.zoom.js" type="text/javascript" charset="utf-8"></script>

  <script src="../../js/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
    
    
  <script src="../../js/addDevice_2.js"></script>
  <script type="text/javascript" charset="UTF-8">
      mui.AddDevice();
  </script>


</body>
</html>